// 封装全局指令
// Vue.directive(指令名,指令配置对象)
export const imgerr = {
// 编写元素的钩子(去官网看文档)
  inserted(img, options) {
    // 这个钩子会在元素插入页面时自动调用
    // 第一个参数 img 是元素本身
    // 第二个参数是配置对象
    // 图片错误事件
    img.addEventListener('error', () => {
      img.src = options.value
    })
    // 如果数据为null 不会触发错误事件, 所以要额外处理
    img.src = img.src || options.value
  },
  // 组件更新后的钩子
  componentUpdated(el, options) {
    el.src = el.src || options.value
  }
}
